<template>
<div>
    <bread-crumb :crumbItems="crumbItems" :pageTitle="pageTitle"></bread-crumb>
    <Card :bordered="false" dis-hover>
        <div class="container page-wrap w1250">
            <div class="demand-detail-price">
                <span>最高不超过：<strong>{{details.LeasingPrice}}</strong> 元/㎡/月</span>
                <!-- <a href="javascript:;">我要报价</a> -->
            </div>
            <!-- 基本信息 -->
            <div class="demand-detail-content">
                <div class="demand-detail-title">
                    <b>基本信息</b>
                </div>
                <ul>
                    <li class="w33 fl">联系人：{{details.Contacts}}</li>
                    <li class="w33 fl">联系电话：{{details.ContactTel}}</li>
                    <li class="w33 fl">需求服务：{{details.DemandServices}}</li>
                    <li class="w33 fl">需求面积：{{details.TotalAreaAge}}㎡</li>
                    <li class="w33 fl">起租年月：{{details.StartRentalDate | getYMD}}</li>
                    <li class="w33 fl">预计租期：{{details.PlanLeasePeriod}} 月</li>
                    <li class="w33 fl">需求位置：{{details.Venue}}</li>
                    <li class="w33 fl">货物范围：{{details.GoodsCategory | GoodsCategory}}</li>
                </ul>
            </div>
            <!-- 仓库要求 -->
            <div class="demand-detail-content">
                <div class="demand-detail-title">
                    <b>仓库要求</b>
                </div>
                <ul>
                    <li class="w33 fl">产权证：{{details.PropertyRightsFlag | PropertyRightsFlag}}</li>
                    <li class="w33 fl">土地证：{{details.LandCertificateFlag | LandCertificateFlag}}</li>
                    <li class="w33 fl">仓库类型：{{details.WareHouseType | WareHouseType}}</li>
                    <li class="w33 fl">存储标准：{{details.StorageType | StorageType}}</li>
                    <li class="w33 fl">仓库层高：{{details.FloorHeight | FloorHeight}}</li>
                    <li class="w33 fl">卸货平台：{{details.Platform | Platform}}</li>
                    <li class="w33 fl">消防资质：{{details.FireFighting | FireFighting}}</li>
                </ul>
            </div>
            <!-- 配套需求 -->
            <div class="demand-detail-content">
                <div class="demand-detail-title">
                    <b>配套需求</b>
                </div>
                <ul>
                    <li class="w33 fl">库内水电网：{{details.HydropowerNetwork | HydropowerNetwork}}</li>
                    <li class="w33 fl">最大用电功率：{{details.MaxElectricPower}}千瓦</li>
                    <li class="w33 fl">消防系统：{{details.FireFightingSystem | FireFightingSystem}}</li>
                    <li class="w33 fl">安保系统：{{details.SecuritySystem | SecuritySystem}}</li>
                </ul>
            </div>
            <!-- 补充说明 -->
            <div class="demand-detail-content">
                <div class="demand-detail-title">
                    <b>补充说明</b>
                </div>
                <ul>
                    <li class="w100 h-auto"><p v-html="details.Introduction"></p></li>
                </ul>
            </div>
        </div>
    </Card>
</div>
</template>

<script>
export default {
    data (){
        return {
            details:{},
            crumbItems:[{
                title:'仓库需求列表',
                path:'/front/demandList'
            }],
            pageTitle: '仓库需求详情'
        }
    },
    mounted(){
    },
    methods:{
        getData(){
          var self = this;

            this.axios.get('/api/requirement/details/' + this.$route.params.guid)
            .then(function(res){
              self.details=res;
            })
        },
    },
    created(){
        this.getData();
    },
    activated(){
        this.getData();
    }
}
</script>


